:root {
  --primary-color: #557ea2;
  --primary-color-light-1: #648bae;
  --primary-color-light-2: #7598b7;
  --primary-color-dark-1: #4c7192;
  --primary-color-dark-2: #446582;
  --background-color-1: #fff;
  --background-color-2: #f7f7f7;
  --background-color-3: #f0f0f0;
  --content-background-color: #fff;
  --text-color-1: #484853;
  --text-color-2: #4c4c57;
  --text-color-3: #50505c;
  --text-color-4: #808091;
  --text-color-5: #b7b7c0;
  --text-color-6: #ededef;
  --toc-text-color: #6f6f80;
  --badge-color: #f0f0f0;
  --badge-background-color: #9393a1;
  --border-color: #b3b3b3;
  --selection-color: #648bae;
  --shadow-color: rgba(0,0,0,0.2);
  --shadow-hover-color: rgba(0,0,0,0.3);
  --scrollbar-color: #60606e;
  --scrollbar-background-color: #e6e6e6;
  --toc-scrollbar-color: rgba(80,80,92,0.1);
  --copyright-info-color: #c03;
  --avatar-background-color: #4c7192;
  --header-transparent-background-1: rgba(255,255,255,0.28);
  --header-transparent-background-2: rgba(255,255,255,0.58);
  --header-transparent-background-3: rgba(255,255,255,0.78);
  --pjax-progress-bar-color: linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);
}
@media (prefers-color-scheme: light) {
  :root {
    --primary-color: #557ea2;
    --primary-color-light-1: #648bae;
    --primary-color-light-2: #7598b7;
    --primary-color-dark-1: #4c7192;
    --primary-color-dark-2: #446582;
    --background-color-1: #fff;
    --background-color-2: #f7f7f7;
    --background-color-3: #f0f0f0;
    --content-background-color: #fff;
    --text-color-1: #484853;
    --text-color-2: #4c4c57;
    --text-color-3: #50505c;
    --text-color-4: #808091;
    --text-color-5: #b7b7c0;
    --text-color-6: #ededef;
    --toc-text-color: #6f6f80;
    --badge-color: #f0f0f0;
    --badge-background-color: #9393a1;
    --border-color: #b3b3b3;
    --selection-color: #648bae;
    --shadow-color: rgba(0,0,0,0.2);
    --shadow-hover-color: rgba(0,0,0,0.3);
    --scrollbar-color: #60606e;
    --scrollbar-background-color: #e6e6e6;
    --toc-scrollbar-color: rgba(80,80,92,0.1);
    --copyright-info-color: #c03;
    --avatar-background-color: #4c7192;
    --header-transparent-background-1: rgba(255,255,255,0.28);
    --header-transparent-background-2: rgba(255,255,255,0.58);
    --header-transparent-background-3: rgba(255,255,255,0.78);
    --pjax-progress-bar-color: linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --primary-color: #557ea2;
    --primary-color-light-1: #648bae;
    --primary-color-light-2: #7598b7;
    --primary-color-dark-1: #4c7192;
    --primary-color-dark-2: #446582;
    --background-color-1: #383940;
    --background-color-2: #3d3f46;
    --background-color-3: #43444c;
    --content-background-color: #37383f;
    --text-color-1: #c5c5cc;
    --text-color-2: #c1c1c9;
    --text-color-3: #bebec6;
    --text-color-4: #9595a2;
    --text-color-5: #5b5b67;
    --text-color-6: #36363e;
    --toc-text-color: #9f9fab;
    --badge-color: #4a4c55;
    --badge-background-color: #d8d8dd;
    --border-color: #6f717e;
    --selection-color: #4b6f90;
    --shadow-color: rgba(128,128,128,0.2);
    --shadow-hover-color: rgba(128,128,128,0.28);
    --scrollbar-color: #32333a;
    --scrollbar-background-color: #5c5e6a;
    --toc-scrollbar-color: rgba(190,190,198,0.1);
    --copyright-info-color: #a30029;
    --avatar-background-color: #3d5a75;
    --header-transparent-background-1: rgba(56,57,64,0.28);
    --header-transparent-background-2: rgba(56,57,64,0.58);
    --header-transparent-background-3: rgba(56,57,64,0.78);
    --pjax-progress-bar-color: linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);
  }
}
.light-mode {
  --primary-color: #557ea2;
  --primary-color-light-1: #648bae;
  --primary-color-light-2: #7598b7;
  --primary-color-dark-1: #4c7192;
  --primary-color-dark-2: #446582;
  --background-color-1: #fff;
  --background-color-2: #f7f7f7;
  --background-color-3: #f0f0f0;
  --content-background-color: #fff;
  --text-color-1: #484853;
  --text-color-2: #4c4c57;
  --text-color-3: #50505c;
  --text-color-4: #808091;
  --text-color-5: #b7b7c0;
  --text-color-6: #ededef;
  --toc-text-color: #6f6f80;
  --badge-color: #f0f0f0;
  --badge-background-color: #9393a1;
  --border-color: #b3b3b3;
  --selection-color: #648bae;
  --shadow-color: rgba(0,0,0,0.2);
  --shadow-hover-color: rgba(0,0,0,0.3);
  --scrollbar-color: #60606e;
  --scrollbar-background-color: #e6e6e6;
  --toc-scrollbar-color: rgba(80,80,92,0.1);
  --copyright-info-color: #c03;
  --avatar-background-color: #4c7192;
  --header-transparent-background-1: rgba(255,255,255,0.28);
  --header-transparent-background-2: rgba(255,255,255,0.58);
  --header-transparent-background-3: rgba(255,255,255,0.78);
  --pjax-progress-bar-color: linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);
}
.dark-mode {
  --primary-color: #557ea2;
  --primary-color-light-1: #648bae;
  --primary-color-light-2: #7598b7;
  --primary-color-dark-1: #4c7192;
  --primary-color-dark-2: #446582;
  --background-color-1: #383940;
  --background-color-2: #3d3f46;
  --background-color-3: #43444c;
  --content-background-color: #37383f;
  --text-color-1: #c5c5cc;
  --text-color-2: #c1c1c9;
  --text-color-3: #bebec6;
  --text-color-4: #9595a2;
  --text-color-5: #5b5b67;
  --text-color-6: #36363e;
  --toc-text-color: #9f9fab;
  --badge-color: #4a4c55;
  --badge-background-color: #d8d8dd;
  --border-color: #6f717e;
  --selection-color: #4b6f90;
  --shadow-color: rgba(128,128,128,0.2);
  --shadow-hover-color: rgba(128,128,128,0.28);
  --scrollbar-color: #32333a;
  --scrollbar-background-color: #5c5e6a;
  --toc-scrollbar-color: rgba(190,190,198,0.1);
  --copyright-info-color: #a30029;
  --avatar-background-color: #3d5a75;
  --header-transparent-background-1: rgba(56,57,64,0.28);
  --header-transparent-background-2: rgba(56,57,64,0.58);
  --header-transparent-background-3: rgba(56,57,64,0.78);
  --pjax-progress-bar-color: linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);
}
:root {
  --toolbar-foreground: #b5b5b5;
  --toolbar-background: #3a3f40;
  --code-foreground: #535360;
  --code-background: #f2f2f2;
  --highlight-background: #273036;
  --highlight-foreground: #faf5d6;
  --highlight-comment: #76888e;
  --highlight-red: #ee5758;
  --highlight-orange: #ec7600;
  --highlight-yellow: #ffcd22;
  --highlight-green: #93c763;
  --highlight-aqua: #458383;
  --highlight-blue: #6e95bd;
  --highlight-purple: #b18bb7;
  --highlight-gutter-color: #7a979a;
  --highlight-gutter-bg-color: #273130;
}
@media (prefers-color-scheme: light) {
  :root {
    --toolbar-foreground: #b5b5b5;
    --toolbar-background: #3a3f40;
    --code-foreground: #535360;
    --code-background: #f2f2f2;
    --highlight-background: #273036;
    --highlight-foreground: #faf5d6;
    --highlight-comment: #76888e;
    --highlight-red: #ee5758;
    --highlight-orange: #ec7600;
    --highlight-yellow: #ffcd22;
    --highlight-green: #93c763;
    --highlight-aqua: #458383;
    --highlight-blue: #6e95bd;
    --highlight-purple: #b18bb7;
    --highlight-gutter-color: #7a979a;
    --highlight-gutter-bg-color: #273130;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --toolbar-foreground: #b1b1b1;
    --toolbar-background: #393e3f;
    --code-foreground: #bfbfc7;
    --code-background: #32333a;
    --highlight-background: #262f35;
    --highlight-foreground: #f5ebad;
    --highlight-comment: #76888e;
    --highlight-red: #ed5152;
    --highlight-orange: #e77400;
    --highlight-yellow: #ffcc1c;
    --highlight-green: #90c55f;
    --highlight-aqua: #448080;
    --highlight-blue: #6a92bb;
    --highlight-purple: #ae87b5;
    --highlight-gutter-color: #7b989b;
    --highlight-gutter-bg-color: #26302f;
  }
}
.light-mode {
  --toolbar-foreground: #b5b5b5;
  --toolbar-background: #3a3f40;
  --code-foreground: #535360;
  --code-background: #f2f2f2;
  --highlight-background: #273036;
  --highlight-foreground: #faf5d6;
  --highlight-comment: #76888e;
  --highlight-red: #ee5758;
  --highlight-orange: #ec7600;
  --highlight-yellow: #ffcd22;
  --highlight-green: #93c763;
  --highlight-aqua: #458383;
  --highlight-blue: #6e95bd;
  --highlight-purple: #b18bb7;
  --highlight-gutter-color: #7a979a;
  --highlight-gutter-bg-color: #273130;
}
.dark-mode {
  --toolbar-foreground: #b1b1b1;
  --toolbar-background: #393e3f;
  --code-foreground: #bfbfc7;
  --code-background: #32333a;
  --highlight-background: #262f35;
  --highlight-foreground: #f5ebad;
  --highlight-comment: #76888e;
  --highlight-red: #ed5152;
  --highlight-orange: #e77400;
  --highlight-yellow: #ffcc1c;
  --highlight-green: #90c55f;
  --highlight-aqua: #448080;
  --highlight-blue: #6a92bb;
  --highlight-purple: #ae87b5;
  --highlight-gutter-color: #7b989b;
  --highlight-gutter-bg-color: #26302f;
}
pre,
.highlight {
  margin: 1.5rem 0;
  padding: 0;
  overflow: auto;
  color: var(--highlight-foreground);
  font-size: 0.96rem;
  line-height: 1.5rem;
  background: var(--highlight-background);
}
pre,
code {
  font-family: "Source Code Pro", consolas, Menlo;
}
code {
  padding: 0.4rem;
  color: var(--code-foreground);
  font-size: 0.96rem;
  word-wrap: break-word;
  background: var(--code-background);
  border-radius: 0.2rem;
}
pre {
  padding: 0.6rem;
}
pre code {
  padding: 0;
  color: var(--highlight-foreground);
  text-shadow: none;
  background: none;
}
.highlight {
  border-bottom-right-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
}
.highlight pre {
  margin: 0;
  padding: 0.6rem 0;
  border: none;
}
.highlight table {
  width: auto;
  margin: 0;
  border: none;
  border-spacing: unset;
}
.highlight td {
  padding: 0;
  border: none;
}
.highlight figcaption {
  margin-bottom: 1rem;
  color: var(--highlight-foreground);
  font-size: 1rem;
  line-height: 1rem;
}
.highlight figcaption a {
  float: right;
  color: var(--highlight-foreground);
}
.highlight figcaption a:hover {
  border-bottom-color: var(--highlight-foreground);
}
.highlight .gutter pre {
  padding-right: 0.6rem;
  padding-left: 0.6rem;
  color: var(--highlight-gutter-color);
  text-align: center;
  background-color: var(--highlight-gutter-bg-color);
}
.highlight .code pre {
  width: 100%;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
  background-color: var(--highlight-background);
}
.highlight .line {
  height: 1.5rem;
  color: var(--highlight-foreground);
}
.highlight .line .language-javascript {
  color: var(--highlight-foreground);
}
.highlight .line .attr {
  color: var(--highlight-foreground);
}
.highlight .line .string {
  color: var(--highlight-foreground);
}
.gutter {
  color: var(--highlight-gutter-color);
  background: var(--highlight-gutter-bg-color);
}
.gutter .line {
  color: var(--highlight-gutter-color);
}
.gist table {
  width: auto;
}
.gist table td {
  border: none;
}
pre .deletion {
  background: var(--highlight-deletion);
}
pre .addition {
  background: var(--highlight-addition);
}
pre .meta {
  color: var(--highlight-purple);
}
pre .comment {
  color: var(--highlight-comment);
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
  color: var(--highlight-red);
}
pre .property {
  color: var(--highlight-blue);
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant,
pre .command {
  color: var(--highlight-orange);
}
pre .ruby .class .title,
pre .css .rules .attribute,
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata,
pre .special,
pre .number,
pre .formula {
  color: var(--highlight-green);
}
pre .title,
pre .css .hexcolor {
  color: var(--highlight-aqua);
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
  color: var(--highlight-blue);
}
pre .keyword,
pre .javascript .function {
  color: var(--highlight-purple);
}
